html,
body {
  width: 100%;
  height: 100%; }

.web {
  width: 100%;
  min-height: 100%;
  background: url(../images/diwen.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative; }
  .web .musicbutton {
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    z-index: 9999;
    top: 0.75rem;
    right: 0.75rem;
    background: #E7C598;
    line-height: 1.25rem;
    border-radius: 50%;
    text-align: center;
    -webkit-animation: mu 4s infinite;
    animation: mu 4s infinite; }

@-webkit-keyframes mu {
  from {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0); }
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg); } }
    .web .musicbutton .iconfont {
      display: block;
      font-size: 0.875rem;
      color: #BF0C21;
      -webkit-animation: music 4s infinite;
      animation: music 4s infinite; }
  .web .top_father {
    padding-top: 0.925rem; }
  .web .top {
    width: 2.225rem;
    height: 0.925rem;
    background: #e7c598;
    border-radius: 0.25rem;
    text-align: center;
    line-height: 0.925rem;
    color: #BF0C21;
    cursor: pointer;
    font-size: 0;
    margin-left: 1.15rem; }
    .web .top span {
      font-size: 0.575rem; }
  .web .map {
    width: 13.375rem;
    height: 10.2rem;
    margin-top: 0.625rem;
    position: relative;
    margin-left: 1.275rem;
    display: none; }
    .web .map img {
      width: 100%;
      height: 100%; }
    .web .map .icon1,
    .web .map .icon2 {
      background: url(../images/icon.png);
      background-size: 100% 100%;
      background-repeat: no-repeat;
      width: 1.675rem;
      height: 2.225rem;
      font-size: 0.35rem;
      color: #BF0C21;
      padding: 0.4rem 0 0.3rem 0.3rem;
      position: absolute; }
      .web .map .icon1 em,
      .web .map .icon2 em {
        font-size: 0.375rem; }
    .web .map .icon1 {
      top: -0.35rem;
      left: 9.25rem; }
    .web .map .icon2 {
      top: 6.65rem;
      left: 2.925rem; }
  .web .map1 {
    display: block;
    width: 13.375rem;
    height: 10.2rem;
    margin-top: 0.625rem;
    position: relative;
    margin-left: 1.275rem; }
    .web .map1 img {
      width: 100%;
      height: 100%; }
    .web .map1 .icon1,
    .web .map1 .icon2,
    .web .map1 .icon3 {
      width: 1.675rem;
      height: 2.225rem;
      background: url(../images/icon.png);
      background-size: 100% 100%;
      background-repeat: no-repeat;
      position: absolute;
      font-size: 0.35rem;
      color: #BF0C21;
      padding: 0.4rem 0 0.3rem 0.3rem; }
      .web .map1 .icon1 em,
      .web .map1 .icon2 em,
      .web .map1 .icon3 em {
        font-size: 0.45rem; }
    .web .map1 .icon1 {
      left: 6.75rem;
      top: -1.075rem; }
    .web .map1 .icon2 {
      left: 1.05rem;
      top: 4.325rem; }
    .web .map1 .icon3 {
      left: 3.4rem;
      top: 4.25rem; }
  .web .content {
    text-align: right;
    color: #E7C598;
    margin-top: -3.5rem;
    box-sizing: border-box;
    padding-right: 0.7rem; }
    .web .content .one {
      font-size: 0.725rem; }
      .web .content .one em {
        font-size: 1rem; }
    .web .content .two {
      font-size: 1rem;
      margin-top: 0.325rem; }
    .web .content .three {
      font-size: 0.7rem;
      margin-top: 0.275rem; }
  .web .bottom {
    margin-top: 0.125rem;
    box-sizing: border-box;
    padding-left: 1.375rem;
    padding-right: 1.375rem; }
  .web .text .big {
    font-size: 0.65rem;
    color: #E7C598; }
  .web .text .small {
    font-size: 0.425rem;
    color: #E7C598; }
  .web .text p {
    margin-top: 0.4rem;
    letter-spacing: 0.025rem; }
  .web .img {
    display: block;
    position: absolute;
    width: 8rem;
    height: 1.125rem;
    bottom: 1.625rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
    .web .img img {
      width: 100%;
      height: 100%; }
  .web .return {
    width: 1.025rem;
    height: 1.025rem;
    border-radius: 50%;
    background: #e7c598;
    text-align: center;
    line-height: 1.025rem;
    position: absolute;
    right: 1.4rem;
    bottom: 0.625rem;
    font-size: 0; }
    .web .return .iconfont {
      font-size: 0.7rem;
      color: #bf0c21; }

@media only screen and (min-width: 322px) and (max-width: 414px) {
  .web .bottom {
    margin-top: 1.25rem; } }
